<template>
  <div>

    <!-- 头部 -->
    <div class="m_header">
      <table border="0">
        <tr>
          <td width="30%">
            <span class="m_h_left">
              <!-- <i v-if="headimgurl == '' || headimgurl == null || headimgurl == 'undefined'"></i> -->
              <img src="../../static/image/huanzhe.png" alt="" height="65" width="65">
            </span>
          </td>
          <td width="70%">
            <p>{{userInfo.username}}</p>
            <p>
              <span>
                <svg fill="#ccc" style="" viewBox="0 0 1024 1024" width="15"
                  height="15"
                ><defs><style type="text/css"></style></defs><path d="M512.00614 94.919647c-193.547748 0-345.170724 144.854843-345.170724 329.73725 0 180.304145 312.23568 473.692609 325.522261 486.108359l19.648463 18.315097 19.606507-18.315097c13.315234-12.415749 325.550913-305.804213 325.550914-486.108359 0-184.882408-151.622976-329.737251-345.157421-329.73725z m0 755.032689c-95.544885-93.086909-287.643634-305.130879-287.643635-425.295439 0-155.163609 123.647887-272.182532 287.643635-272.182532 163.982444 0 287.630331 117.018923 287.630331 272.182532 0 120.050973-192.127401 332.153272-287.630331 425.295439z"></path><path d="M512.00614 290.672615c-79.308118 0-143.827445 64.52035-143.827446 143.816189 0 79.294816 64.519327 143.844842 143.827446 143.844841 79.26821 0 143.814142-64.550026 143.814142-143.844841 0-79.295839-64.545933-143.816189-143.814142-143.816189z m0 230.104265c-47.595923 0-86.301379-38.704433-86.301379-86.288076 0-47.583643 38.705456-86.289099 86.301379-86.2891 47.583643 0 86.289099 38.705456 86.289099 86.2891 0 47.58262-38.705456 86.288076-86.289099 86.288076z"></path></svg>
              </span>
            </p>
          </td>
        </tr>
      </table>
    </div>


    <!-- 选项列表 -->
    <div class="m_content">


      <!--
      <nuxt-link :to="{name:'chufang-prescribeRecord'}" tag="p">
        <span>
          <svg style="" viewBox="0 0 1032 1024" width="15" height="15"><defs><style type="text/css"></style></defs><path d="M980.305229 345.914 605.001229 85.685c-67.42-53.437-137.495-22.382-166.69 2.597L39.317229 361.679c-17.455 11.595-45.62 35.375-38.05 64.275 5.195 19.855 23.61 31.022 54.765 33.207 0.65 0.06 1.285 0.078 1.925 0.078l93.07 0.12 0 413.629c0 58.57 45.27 106.19 100.915 106.19L527.431229 979.178c8.135 0 15.285-3.59 20.41-9.12 5.64-5.16 9.315-12.43 9.315-20.69L557.156229 703.558l135.435 0c15.475 0 28.035-12.62 28.035-28.17 0-15.55-12.56-28.2-28.035-28.2L557.161229 647.188l0-62.18 135.435 0c15.475 0 28.035-12.63 28.035-28.17 0-15.58-12.56-28.21-28.035-28.21l-96.66 0 100.245-107.367c10.58-11.367 9.99-29.175-1.29-39.852-11.285-10.61-29.065-10.06-39.62 1.292L528.586229 518.429l-122.68-136.63c-10.365-11.537-28.09-12.447-39.605-2.047-11.505 10.432-12.41 28.252-2.045 39.805l97.93 109.072-96.5 0c-15.475 0-28.055 12.63-28.055 28.21 0 15.545 12.565 28.17 28.055 28.17L501.101229 585.009l0 62.185L365.686229 647.194c-15.475 0-28.055 12.645-28.055 28.2 0 15.55 12.565 28.17 28.055 28.17L501.101229 703.564l0 219.254L251.927229 922.818c-24.73 0-44.835-22.37-44.835-49.83L207.092229 435.664c0-1.265-0.57-2.327-0.72-3.542 0.03-0.29 0.18-0.538 0.18-0.842 0.035-15.565-12.5-28.192-28.005-28.242l-99.87-0.138L471.246229 133.92c0.875-0.602 1.86-1.385 2.66-2.077 4.89-4.185 48.955-39.977 96.88-1.478 0.55 0.398 1.07 0.783 1.605 1.183l375.394 260.327c6.325 4.628 13.09 10.687 18.395 16.192-3.56 0.17-7.84 0.295-13.015 0.155l-89.265 0.382c-0.255 0-0.46 0.14-0.715 0.14-0.285 0-0.485-0.14-0.77-0.14-15.49 0-28.05 12.615-28.05 28.195l0.155 436.179c0 27.47-20.125 49.82-44.835 49.82L647.171229 922.798c-15.465 0-28.035 12.61-28.035 28.19 0 15.55 12.57 28.17 28.035 28.17l142.515 0c55.645 0 100.92-47.63 100.92-106.18l-0.095-408.139 62.195-0.262c17.655 0.307 64.73 1.4 76.525-33.572C1040.770229 396.762 1003.920229 363.264 980.305229 345.914"></path></svg>
        </span>
        <span>处方缴费</span>
      </nuxt-link>
      <nuxt-link :to="{name:'wode-patientlist',
                       query: { fromPath: -1 }}" tag="p"
      >
        <span>
          <svg style="" viewBox="0 0 1024 1024" width="15" height="15"><defs><style type="text/css"></style></defs><path d="M512.548 68.268c-245.021 0-443.65 198.629-443.65 443.65s198.629 443.65 443.65 443.65 443.65-198.629 443.65-443.65-198.629-443.65-443.65-443.65z m292.495 736.145c-37.999 37.999-82.239 67.828-131.493 88.661-50.977 21.562-105.146 32.494-161.002 32.494-55.856 0-110.025-10.933-161.002-32.494-49.254-20.833-93.494-50.662-131.493-88.661-37.999-37.999-67.829-82.239-88.661-131.493-21.562-50.977-32.494-105.146-32.494-161.002s10.933-110.025 32.494-161.002c20.833-49.254 50.662-93.494 88.661-131.493 37.999-37.999 82.239-67.828 131.493-88.661 50.977-21.562 105.146-32.494 161.002-32.494 55.856 0 110.025 10.933 161.002 32.494 49.254 20.833 93.494 50.662 131.493 88.661 37.999 37.999 67.828 82.239 88.661 131.493 21.562 50.977 32.494 105.146 32.494 161.002s-10.933 110.025-32.494 161.002c-20.833 49.254-50.663 93.494-88.661 131.493z" fill=""></path><path d="M512.548 419.532c63.36 0 114.723-51.363 114.723-114.723s-51.363-114.723-114.723-114.723S397.825 241.45 397.825 304.81s51.364 114.722 114.723 114.722z m0-199.445c46.716 0 84.723 38.006 84.723 84.723s-38.006 84.723-84.723 84.723-84.723-38.006-84.723-84.723 38.007-84.723 84.723-84.723zM512.548 419.581c-121.145 0-219.352 98.207-219.352 219.352s98.207 219.352 219.352 219.352S731.9 760.078 731.9 638.933s-98.207-219.352-219.352-219.352zM646.44 772.825c-35.764 35.764-83.314 55.46-133.892 55.46s-98.128-19.696-133.892-55.46c-35.764-35.764-55.46-83.314-55.46-133.892s19.696-98.128 55.46-133.892c35.764-35.764 83.314-55.46 133.892-55.46s98.128 19.696 133.892 55.46c35.764 35.764 55.46 83.314 55.46 133.892s-19.696 98.128-55.46 133.892z" fill=""></path><path d="M608.789 573.544v-36.608c0-8.284-6.716-15-15-15s-15 6.716-15 15v36.608H542.18c-8.284 0-15 6.716-15 15s6.716 15 15 15h36.609v36.609c0 8.284 6.716 15 15 15s15-6.716 15-15v-36.609h36.608c8.284 0 15-6.716 15-15s-6.716-15-15-15h-36.608z" fill=""></path></svg>
        </span>
        <span>我的医生</span>
      </nuxt-link> 
      -->


      <nuxt-link :to="{name:'wode-addressList'}" tag="p">
        <span>
          <svg style="" viewBox="0 0 1024 1024" width="15" height="15"><defs><style type="text/css"></style></defs><path d="M512.00614 94.919647c-193.547748 0-345.170724 144.854843-345.170724 329.73725 0 180.304145 312.23568 473.692609 325.522261 486.108359l19.648463 18.315097 19.606507-18.315097c13.315234-12.415749 325.550913-305.804213 325.550914-486.108359 0-184.882408-151.622976-329.737251-345.157421-329.73725z m0 755.032689c-95.544885-93.086909-287.643634-305.130879-287.643635-425.295439 0-155.163609 123.647887-272.182532 287.643635-272.182532 163.982444 0 287.630331 117.018923 287.630331 272.182532 0 120.050973-192.127401 332.153272-287.630331 425.295439z"></path><path d="M512.00614 290.672615c-79.308118 0-143.827445 64.52035-143.827446 143.816189 0 79.294816 64.519327 143.844842 143.827446 143.844841 79.26821 0 143.814142-64.550026 143.814142-143.844841 0-79.295839-64.545933-143.816189-143.814142-143.816189z m0 230.104265c-47.595923 0-86.301379-38.704433-86.301379-86.288076 0-47.583643 38.705456-86.289099 86.301379-86.2891 47.583643 0 86.289099 38.705456 86.289099 86.2891 0 47.58262-38.705456 86.288076-86.289099 86.288076z"></path></svg>
        </span>
        <span>地址管理</span>
      </nuxt-link>
      <nuxt-link v-if="showyb" :to="{name:'wode-ybkList'}" tag="p">
        <span>
          <svg style="" viewBox="0 0 1024 1024" width="15" height="15"><defs><style type="text/css"></style></defs><path d="M862 306c0-49.7-40.3-90-90-90H252c-49.7 0-90 40.3-90 90v412c0 49.7 40.3 90 90 90h520c49.7 0 90-40.3 90-90V306z m-610-30h520c16.5 0 30 13.5 30 30v73H222v-73c0-16.5 13.5-30 30-30z m520 472H252c-16.5 0-30-13.5-30-30V439h580v279c0 16.5-13.5 30-30 30z"></path><path d="M424 612H288c-16.6 0-30 13.4-30 30s13.4 30 30 30h136c16.6 0 30-13.4 30-30s-13.4-30-30-30z"></path></svg>
        </span>
        <span>医保管理</span>
      </nuxt-link>

      
    </div>
  </div>
</template>

<script>

const { config } = window;

export default {
  data() {
    return {
      userInfo: {},
      headimgurl: '../../static/image/huanzhe.png',
      showyb: config.YBMODE,
    };
  },
  created() {
    this.userInfo = JSON.parse(localStorage.getItem("userInfo."+config.LT));
  },
};
</script>
<style lang="stylus" scoped>
.m_h_left
  img
    vertical-align inherit
    border-radius 50%
    width 4rem
    height 4rem
.m_content
  font-size 1rem
  /* box-shadow 1px 1px 1px 1px #ccc */
  background #fff
  p
    line-height 3rem
    height 3rem
    border-bottom 1px solid #f1f1f1
    span
      color black
      &:first-child
        margin-left 1rem
        margin-right .5rem
        vertical-align: middle;
.m_header
  font-size 1rem
  height 6rem
  background #26a2ff
  margin-bottom 1rem
  box-shadow: 2px 1px 8px 1px #b9bca9;
  table
    width 100%
    height 100%
    td
      &:nth-child(2)
        p
          color #fff
          line-height 1
          &:nth-child(1)
            font-weight bold
            margin-bottom 1rem
          &:nth-child(2)
            font-size .8rem
            span
              vertical-align: middle;

    .m_h_left
      margin-left: 1rem;
      display: inline-block;
      width: 4rem;
      height: 4rem;
      background: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 4rem;
      i
        font-size 2rem
        color #ccc
    .m_h_right
      i
        font-size 2rem
        color #ffffff
        font-weight bold
</style>

